<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>compass_install_splash</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
a img {
  border-style: none;
}

div.Table_01 {
  position: absolute;
  left: 50%;
  margin-left: -512px;
  top:0px;
  width:1024px;
  height:768px;
}

div.compass-logo_ {
  text-align:center;
  width:100%;
  padding-top:200px;
}

div.browse-docs-icon_ {
  position:absolute;
  left:180px;
  top:408px;
  width:285px;
  height:254px;
}

div.desktop-icon_ {
  position:absolute;
  left:450px;
  top:408px;
  width:214px;
  height:254px;
}

div.contact-mgt-icon_ {
  position:absolute;
  left:650px;
  top:408px;
  width:295px;
  height:254px;
}

body {
  background-color:black;
}
</style>

</head>
<body>

<div class="Table_01">
  <div class="compass-logo_">
    <img id="compass_logo" src="assets/art/desktop-logo.png" alt="" />
  </div>
  <div class="browse-docs-icon_">
    <a href="https://www.truenorthtechnology.com" style="border-style: none;" target="_blank">
      <img id="browse_docs_icon" src="assets/splash_screen/browse_docs_icon.png" width="285" height="254" alt="" />
    </a>
  </div>
  <div class="desktop-icon_">
    <a href="/erp_app/login" style="border-style: none;" target="_blank">    
      <img id="desktop_icon" src="assets/splash_screen/desktop_icon.png" width="214" height="254" alt="" />
    </a>
  </div>
  <div class="contact-mgt-icon_">
    <a href="/erp_app/login/csr" style="border-style: none;" target="_blank">
      <img id="contact_mgt_icon" src="assets/splash_screen/contact_mgt_icon.png" width="295" height="254" alt="" style="border-style: none;"/>
    </a>
  </div>
</div>

</body>
</html>
